<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title langWord="t:index_User_Center">User Center</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../resources/css/mui.css">
		<link rel="stylesheet" href="../../resources/css/style.css">
		<link rel="stylesheet" href="../../resources/css/user/user.css">
		<script src="../../resources/assets/mui.js"></script>
		<script src="../../resources/assets/avalon.js"></script>
		<script src="../../resources/assets/jquery-2.0.3.min.js"></script>
		<script src="../../resources/js/lang/en.js"></script>
		<script src="../../resources/js/dahua.config.js"></script>
		<script src="../../resources/js/common.js"></script>
		<script src="../../resources/js/user/user.js"></script>
	
	</head>

	<body ms-controller="userCenterPage">
		<input type="hidden" value="" id="uid"/>
		<!--头部-->
		<header class="mui-bar mui-bar-nav header mui-icon-white">
			<!--<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left mui-icon-white"></a>-->
			<!-- <a class="mui-icon mui-pull-left mui-icon-white ml5" href="../product/search.html">
				<i class="icon icon_search"></i>
			</a> -->
			<h1 id="title" class="mui-title" langWord="t:index_User_Center">User Center</h1>
			<a class="mui-icon mui-pull-right mui-icon-white mr5" href="../message/list.html">
				<i class="icon icon_message"></i>
			</a>
		</header>

		<div class="mui-content mui-content_user mui-scroll-wrapper">
			<div class="mui-scroll">

				<div class="mui-row userC_top">
					<div class="userC_top_info" ms-class="{'no-logon':(@uid=='')}">
						<div class="userC_head">
							<div class="img_head">
								<img src="../../resources/images/userImg_h.png">
							</div>
							<div id="logon" class="userName">
								{name}
							</div>
						</div>
						<div class="userC_detail" ms-class="{'mui-hidden':(@uid==''||@level!='2')}">
							<ul>
								<!-- <li>
									<div id="fav">{favNum}</div>
									<div class="lbl">收藏</div>
								</li> -->
								<li>
									<div id="integral">{integralNum}</div>
									<div class="lbl" langWord="t:User_Center_Points_Exchange_Mall">积分</div>
								</li>
								<li>
									<div id="coupon">{couponNum}</div>
									<div class="lbl" langWord="t:User_Center_Coupon">优惠券</div>
								</li>
							</ul>
						</div>
					</div>
				</div>

				<ul class="mui-table-view mui-table-view-chevron user">
					<li class="mui-table-view-cell" ms-if="(@roleId!=2)&&(@roleId!=4)&&(@signCustomerId==null || @signCustomerId=='')">
						<a href="edit.html" class="mui-navigate-right p-l-45 valid">
							<i class="iconC_head"></i><span langWord="t:User_Center_Edit">Edit</span>
						</a>
					</li>
					<li class="mui-table-view-cell" ms-class="{'mui-hidden':(@uid=='')}">
						<a href="passord.html" class="mui-navigate-right p-l-45 valid">
							<i class="iconC_Passw"></i><span langWord="t:User_Center_Change_Password">Change Password</span>
						</a>
					</li>
					<li class="mui-table-view-cell" ms-if="(@roleId==2)||@roleId==4">
						<a href="../task/list.html" class="mui-navigate-right p-l-45 valid">
							<i class="iconC_Task"></i>My Task
						</a>
					</li>

					<li class="mui-table-view-cell">
						<a href="favorites.html" class="mui-navigate-right p-l-45 valid">
							<i class="iconC_Favourite"></i><span langWord="t:User_Center_Favorites">Favorites</span>
						</a>
					</li>
					<li class="mui-table-view-cell" ms-class="{'mui-hidden':(@uid=='')}">
						<a href="../subaccount/index.html" class="mui-navigate-right p-l-45 valid">
							<i class="iconC_Subaccount"></i><span langWord="t:User_Center_Subaccount_Management">Subaccount Management</span>
						</a>
					</li>
				</ul>
				 
				<ul class="mui-table-view mui-table-view-chevron user" ms-class="{'mui-hidden':(@uid=='')}">
					<li class="mui-table-view-cell" ms-class="{'mui-hidden':(@uid==''||@integralOpen!='2')}">
						<a href="../coupon/index.html?a=w" class="mui-navigate-right p-l-45 valid">
							<i class="iconC_Coupon"></i><span langWord="t:User_Center_Coupon">Coupon</span>
						</a>
					</li>
					<li class="mui-table-view-cell" ms-class="{'mui-hidden':(@uid==''||@integralOpen!='2')}">
						<a href="../integral/myPoints.html?a=w" class="mui-navigate-right p-l-45 valid">
							<i class="iconC_MyPoints"></i><span langWord="t:User_Center_My_Points">My Points</span>
						</a>
					</li>
					<li class="mui-table-view-cell" ms-class="{'mui-hidden':(@uid=='')}">
						<a ms-attr="{href:'../agent/primaryAgent.html?uid='+@parentId}" class="mui-navigate-right p-l-45 valid" ms-if="@level=='2'">
							<i class="iconC_PrimaryAgent"></i><span langWord="t:User_Center_My_Distributor">Primary Agent</span>
						</a>
						<a href="../agent/primaryAgent.html" class="mui-navigate-right p-l-45 valid" ms-if="@level=='1'">
							<i class="iconC_PrimaryAgent"></i><span langWord="t:User_Center_My_Distributor">Primary Agent</span>
						</a>
					</li>
				</ul>
				<ul class="mui-table-view mui-table-view-chevron user">
					<li class="mui-table-view-cell" ms-class="{'mui-hidden':(@uid=='')}" ms-if="@level=='1'">
						<a href="../agent/secondAgent.html" class="mui-navigate-right p-l-45 valid">
							<i class="iconC_SecondAgent"></i><span langWord="t:User_Center_My_Dealer">Second-level Agent</span>
						</a>
					</li>
					<li class="mui-table-view-cell" ms-class="{'mui-hidden':(@uid=='')}" ms-if="@level=='1'">
						<a href="../agent/secondAgentInfo.html?a=w" class="mui-navigate-right p-l-45 valid">
							<i class="iconC_SecondAgentDiscount"></i><span langWord="t:User_Center_Dealer_Coupons">Second-level Agent Discount</span>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="../language/switching.html?a=w" class="mui-navigate-right p-l-45">
							<i class="iconC_Language"></i><span langWord="t:User_Center_Language_Choice">Language switching</span>
						</a>
					</li>
                    <li class="mui-table-view-cell">
                        <a href="#" class="mui-navigate-right p-l-45">
                            <i class="iconC_info"></i><span langWord="t:User_Center_Version valid">Version</span>
                            <p style="float:right;margin-right: -30px;">5.0.3</p>
                        </a>
                    </li>
				</ul>

			</div>

		</div>
	
		<!--底部导航 m-t-50 -->
		<div class="mui-bar mui-bar-tab">
			<ul class="mui-table-view logout" ms-class="{'mui-hidden':(@uid=='')}">
				<li class="mui-table-view-cell" style="text-align: center;">
					<a class="logout" href="javascript:void(0);">
						<i class="iconC_Out"></i><span langWord="t:User_Center_Logout">Logout</span>
					</a>
				</li>
			</ul>
			<footer class=" mui-bar-tab footer">
				<a id="defaultTab" data-id="1" class="mui-tab-item" href="../product/category.html">
					<span class="mui-icon icon icon_product"></span>
					<span class="mui-tab-label" langWord="t:index_Product">Product</span>
				</a>
				<a class="mui-tab-item" href="../solution/category.html">
					<span class="mui-icon icon icon_solution"></span>
					<span class="mui-tab-label" langWord="t:index_Solution">Solution</span>
				</a>
				<a id="partner" class="mui-tab-item mui-hidden" href="../partner/index.html">
					<span class="mui-icon icon icon_partner"></span>
					<span class="mui-tab-label" langWord="t:index_Partner">Partner</span>
				</a>
				<a class="mui-tab-item mui-active" href="user.html">
					<span class="mui-icon icon icon_usercenter active"></span>
					<span class="mui-tab-label" langWord="t:index_User_Center">User Center</span>
				</a>
			</footer>
		</div>
	</body>

</html>
